<{include file="top.html"}>
</head>
<body>
<div class="xy-panel">
    <div class="xy-panel-top">
        <div class="xy-titlebar">
            <div class="xy-titlebar-left">
                <a class="insertBefore_left_arrow_gray" href="javascript:void(0);"></a>
            </div>
            <div class="xy-titlebar-title">商品详情</div>
            <div class="xy-titlebar-right"></div>
        </div>
    </div>
    <div class="xy-panel-content" style="bottom:0;">
        <div class="xy-row vDirectionRow">
            <div class="flicking_con">
                <div class="flicking_inner">
                    <{foreach from=$marquee item=item key=key}>
                        <a href="../javascript:;"><{$key}></a>
                    <{/foreach}>
                </div>
            </div>
            <div class="main_image">
                <ul>
                    <{foreach from=$marquee item=item}>
                        <li><img src="<{$item.marquee}>"></li>
                    <{/foreach}>
                </ul>
                <a href="../javascript:;" id="btn_prev"></a>
                <a href="../javascript:;" id="btn_next"></a>
            </div>
            <div class="details-box">
                <h3><{$data.title}></h3>
                <div class="details-list">
                    <dl><i>•</i>可参与用户：Lv.<{$data.userLevelRequire}></dl>
                    <dl><i>•</i>商品参考价：¥<{$data.originalPrice}><span><i>•</i>商品数量：<{$data.prizeNum}></span></dl>
                </div>
                <div class="details-list">
                    <dl><i class="point-2">•</i>开抢时间：<{$data.beginTime|date_format:'%Y-%m-%d %H:%M'}></dl>
                    <dl><i class="point-2">•</i><{if $data.finishType==1}>开奖时间<{else}>结束时间<{/if}>：<{$data.endShowTimestamp|date_format:'%Y-%m-%d %H:%M'}></dl>
                </div>
            </div>
            <div class="get_box" style="margin-top:1rem; border-top:none;">
                <h3 class="get-topic">获奖名单</h3>
                <{if $data.userInfo}>
                    <{foreach from=$data.userInfo item=item key=key}>
                        <dl><{$key+1}>、<{$item.nickname}>&nbsp;&nbsp;&nbsp;手机号码：<{$item.bindPhone}></dl>
                    <{/foreach}>
                <{else}>
                    <p>暂无获奖人信息</p>
                <{/if}>
            </div>
            <div class="details-con">
                <h3>商品详情</h3>
                <p>• <{$data.content|strip_tags}></p>
            </div>
        </div>
    </div>
</div>
<{include file="signBody.html"}>
</body>
</html>
<script src="<{$preStaticUrl}>Wap/js/flexible.js"></script>
<script type="text/javascript" src="<{$preStaticUrl}>Wap/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="<{$preStaticUrl}>Wap/js/jquery.touchSlider.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".main_visual").hover(function(){
            $("#btn_prev,#btn_next").fadeIn()
        },function(){
            $("#btn_prev,#btn_next").fadeOut()
        })
        $dragBln = false;
        $(".main_image").touchSlider({
            flexible : true,
            speed : 200,
            btn_prev : $("#btn_prev"),
            btn_next : $("#btn_next"),
            paging : $(".flicking_con a"),
            counter : function (e) {
                $(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
            }
        });
        $(".main_image").bind("mousedown", function() {
            $dragBln = false;
        })
        $(".main_image").bind("dragstart", function() {
            $dragBln = true;
        })
        $(".main_image a").click(function() {
            if($dragBln) {
                return false;
            }
        })
        timer = setInterval(function() { $("#btn_next").click();}, 5000);
        $(".main_visual").hover(function() {
            clearInterval(timer);
        }, function() {
            timer = setInterval(function() { $("#btn_next").click();}, 5000);
        })
        $(".main_image").bind("touchstart", function() {
            clearInterval(timer);
        }).bind("touchend", function() {
            timer = setInterval(function() { $("#btn_next").click();}, 5000);
        })
    });
</script>
